body{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-size: .85rem;
  line-height: 1.5;
  color: #3d4145;
}
.page {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
}
.my-app{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 2.8rem;
}
.footer{
  bottom: 0;
  width: 100%;
  height: 2.8rem;
  padding: 0;
  z-index: 6;
  transition-duration: .4s;
  display: flex;
  background-color: #f7f7f8;
  position: absolute;
  text-align: center;
  font-size: 14px;
}
.page-content{
  position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.nav~.page-content{
  top: 2.2rem;
}
.nav{
  top: 0;
  right: 0;
  z-index: 3;
  height: 2.2rem;
  padding-right: .5rem;
  padding-left: .5rem;
  background-color: #f7f7f8;
  backface-visibility: hidden;
}
.layui-btn{
  background-color:#04be02;
  padding: 0 .8rem;
  /*border-radius: .25rem;*/
}
.layui-btn-primary{
  border: 1px solid #C9C9C9;
  background-color: #fff;
}
.layui-form{
  padding: .5rem;
  background-color: #f7f7f8;
  backface-visibility: hidden;
}
.avatar{
  width: 5rem;
  height:5rem;
  border-radius: 50%;
  overflow: hidden;
}
